@charset "utf-8";
.wp{ width:980px;}
h4{line-height:30px}
html{height:100%;}
body{font-size:14px; color:#333;min-height: 100%;position: relative;}
.ico{background-image:url(../defaunt/images/btn_icon.gif); background-repeat:no-repeat}

.Tiny_header{height:45px;background-color:#222;border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333;width:100%;z-index:99;/*position:relative*/}

/*logo*/
.Tiny_logo,.Tiny_logo_m{height:44px; margin-left:20px;cursor:pointer;color:#fff; font-size:16px; font-weight:bold; line-height:44px}
.Tiny_logo{display:block;width:110px;}
.Tiny_logo:hover,.Tiny_logo_m:hover{text-decoration:none; color:#0C0}
.Tiny_logo_m{display:none;width:45px;margin-left:10px;}
.subtitle{ font-size:12px; color:#eee; padding-top:15px}
.viewhome{ line-height:44px; padding-right:15px}
.viewhome a{ color:#FFF; padding-left:20px; background:url(../images/icon_link.png) no-repeat 0 center}
/*导航*/
.Tiny_nav{margin-left:176px; margin-right:100px;}
.Tiny_nav li,.Tiny_nav li a{display:block; height:44px; line-height:44px}
.Tiny_nav li{float:left; text-align:center;width:75px;}
.Tiny_nav li a{color:#999;cursor:pointer;white-space:nowrap}
.Tiny_nav li a:hover{ color:#fff; text-decoration:none}
.Tiny_nav li.current a,.Tiny_nav li.current a:hover{ color:#fff; background-color:#111}
.btn_codeShare{ position:absolute; top:8px; right:20px;}
#nav-toggle{ display:none; position:absolute; top:0px; right:10px; width:44px; height:44px; background:#333 url(../images/hamburger.gif) no-repeat center}
.frame-main{bottom: 0;left: 0;position: absolute;right: 0;top:45px;transition-duration: 0.4s;transition-property: top;}

.Tiny_aside{position: absolute;top: 0;bottom:0;left: 0;padding:10px 6px 3px 6px;width:200px;height:100%;background-color:#333;border-right: 1px solid #ccc;z-index:1; overflow-y:auto;}
.menu_dropdown dl{ margin-bottom:0;}
.menu_dropdown dl dt{display:block;border-bottom: 1px solid #222;font-weight: bold;height:35px;line-height:35px;padding-left:15px;cursor:pointer; color:#FFF;position:relative;}
.menu_dropdown dl dt b{ position:absolute;display: block;background: url(../images/icon_jt2.png) no-repeat 0 -6px;font-size: 0;height:5px;right:15px;line-height:0;overflow: hidden;top:50%;width: 9px; margin-top:-3px}

.Hui_icon{position:absolute;display: block;ont-size: 0;height:5px;right:15px;line-height:0;overflow: hidden;top:50%;width: 9px; margin-top:-3px}
.selected .Hui_icon{background-position:0 0}

.menu_dropdown dl dd{ display:none;}
.menu_dropdown dl.selected dt b{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);_background-position:0 0;}
.menu_dropdown dl.selected dd{display:block; margin-left:0px;}
.menu_dropdown ul{padding:0px;}
.menu_dropdown li{line-height:35px;overflow:hidden;zoom:1}
.menu_dropdown li a{padding-left:15px; display:block; color:#fff;border-bottom: 1px solid #222;font-weight: bold; margin:0;}
.menu_dropdown dd ul{/*padding:3px 8px;*/padding:3px 0;}
.menu_dropdown dd li{line-height:32px;}
.menu_dropdown dd li a{line-height:32px;padding-left:24px; border-bottom:none; font-weight:normal}
.menu_dropdown li a:hover{color:#fff; text-decoration:none;background-color:#444}
.menu_dropdown li.current a,.menu_dropdown li.current a:hover{ background:#666;}

.menu_dropdown li .active{color:#eee; text-decoration:none;background-color:#666;}

.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:8;}
.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px; background:url(../images/icon_arrow.png) no-repeat 0 0; outline:none}
.dislpayArrow a.open{ background-position:0 -61px}
.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
.dislpayArrow a.open:hover{background-position:right -61px}

.Tiny_article{position: absolute;top: 0;right: 0;bottom: 0;left:200px;}


.Tiny_breadcrumb{background:#F5F5F5 url(../images/icon_home.gif) no-repeat 15px center;padding-left:40px;border-bottom: 1px solid #E5E5E5;line-height: 39px; height:39px;}
.Tiny_breadcrumb span{ padding:0 5px}
.Tiny_articlebox{position: absolute;top:40px;bottom: 0;left: 0; right:0;overflow: auto;/*z-index: 1;*/}
.code_textarea_box{ width:60%;}
.txt_textarea_box{ width:38%;}
.textarea{width:97%;height:120px;}

.Hui_code_textarea{white-space: pre-wrap;word-break: break-all;word-wrap: break-word;  font-family:Fixedsys;}
.l{float:left;_display:inline}.r{float:right;_display:inline}

.page_title{border-bottom:solid 1px #ddd; padding-bottom:10px;margin-top:6px; margin-bottom:15px}

.codeView{height:auto;}
.btn_newView{ display:none;}
.codeView.hover .btn_newView{ position:absolute; display:block; right:0px; top:-20px; text-align:center}
#btn_down{position:fixed;z-index:1;right:20px;top:165px;visibility:visible;_position:absolute;_top:expression(documentElement.scrollTop)+165px}
.hero-unit {background-color: #eee;border-radius: 6px;color: inherit;font-size: 18px;font-weight: 200;line-height: 30px;margin-bottom: 30px;padding: 60px;}


.flink-text a{ padding-right:15px}



footer{border-top:1px solid #E8E8E8;margin-top:20px;height:60px;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center}
footer p{padding-top:15px}
footer a,footer a:hover{color:#999}

.jumbotron {padding: 40px 0;background:#020031 url(../images/bs-docs-masthead-pattern.png) repeat center center;color: #fff; text-align: center;text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);}
.jumbotron h1 {font-size: 80px;font-weight: bold;letter-spacing: -1px;line-height: 1; padding:10px}
.jumbotron p {font-size: 24px;font-weight: 300;line-height:1.8;margin-bottom: 30px;}
.history{ font-size:14px; margin-left:20px}

.marketing h1 {font-size: 60px;font-weight: 200;letter-spacing: -1px;line-height: 1;margin: 60px 0 10px; text-align:center}
.marketing .item{ float:left;width:300px;padding:13px; text-align:center}
.marketing .item h2{ padding:10px 0}
.marketing .item a{ text-decoration:none}
.marketing .item a:hover{ text-decoration:none}
.marketing .item2{ padding:4px; border:solid 1px #ddd; margin-right:20px; margin-top:20px;height:340px}
#xgtj{ width:1020px}

.Tiny_page2{ padding:20px;}
.sitelist_1{font-size:14px; line-height:24px; padding:10px 0;border-bottom:solid 1px #E1E1E1; margin-bottom:0}
.sitelist_1 dt{ width:65px;font-weight:bold; text-align:center;background-color:#222; color:#fff}
.sitelist_1 dd{ margin-left:75px}
.sitelist_1 a{ display:block;float: left;width:140px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap}

.list-icon{background:url(../images/sprite_list_icon.png) 9999px 9999px no-repeat;}

.iconsList li{border-radius: 6px;cursor: pointer;height: 32px;line-height: 32px;padding-left: 12px; width:23%; float:left;}
.iconsList li:hover{ background-color:#fbf4f4}

.mainWP{width:980px;margin:auto; overflow:hidden;}
.row-980-20 [class^="span-"],.row-980-20 [class*=" span-"]{ background-color:#c00; padding:10px 0; color:#fff}

#question dt{ font-size:16px; font-weight:normal; line-height:33px;}
#question dd{color: #808080;font-size: 14px;line-height: 27px;margin-bottom: 25px; margin-left:17px}


@media (min-width: 1200px){
  
}


@media (min-width: 768px) and (max-width: 979px){
  
}


@media (max-width: 767px) {
  /*html{ overflow-y:auto}*/
  .subtitle,.dislpayArrow,.btn_codeShare{ display:none}
  .Tiny_aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0; z-index:5; bottom:auto;}
  .Tiny_article{left:0;}
  .Tiny_nav{margin-left:130px; margin-right:60px;}
  .Tiny_nav li{width:24%;font-weight:bold;font-size:16px;}
  #nav-toggle{ display:block;}
  .wp{ width:100%;}
  .marketing h1{font-size:40px;margin:40px 0 10px;}
  #xgtj{ width:auto; padding:0 10px}
  .marketing .item{ float:none;width:auto;margin-left:auto; margin-right:auto}
  .marketing .item2{ height:auto;padding:4px;margin-left:auto;margin-right:auto}
  .hero-unit{ background-color:inherit; padding:10px;}
  .hero-unit h1{ font-size:40px;}
  .Tiny_articlebox{overflow-y: hidden; position:static}
  .Tiny_articlebox .pd-20{ padding:20px 10px}
  .sitelist_1{ border-bottom:none}
  .sitelist_1 dt{ width:auto; float:none;height:40px; line-height:40px; font-size:16px}
  .sitelist_1 dt.l{ float:none!important;}
  .sitelist_1 dd{ margin-left:0; height:34px; line-height:34px; margin-top:5px}
  .sitelist_1 dd a{ width:25%}
  .Tiny_page2{ padding:10px;}
  .Tiny_page2 .bk_gray{ border:none}
  .Tiny_page2 .pd-10{ padding:0}
  .iconsList li{ width:48%}
}


@media (max-width: 480px) {
  .Tiny_logo{ display:none}
  .Tiny_logo_m{ display:block}
  .jumbotron {padding: 20px 0;}
  .jumbotron h1{ font-size:45px;}
  .jumbotron p{ font-size:18px; line-height:1.6}
  .jumbotron a{ float:none; display:block}
  .jumbotron .btn-primary{ margin-left:0}
  .history{margin-top:20px; font-size:18px; margin-left:0}  
  .subtitle,.dislpayArrow,.btn_codeShare{ display:none}
  .Tiny_nav{margin-left:50px;margin-right:60px;}
  .marketing .item{padding:13px;}
  .hero-unit{ background-color:inherit; padding:10px;}
  .hero-unit h1{ font-size:30px;}
  .sitelist_1 dd a{ width:50%}
  .iconsList li{ float: none;width:98%;}
}
.clear{clear:both}